<html lang="en">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
        <meta charset="UTF-8" />
        <title>PKL 54 | Video</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
        <link rel="icon" type="image/icon" href="images/logo/home.png">

        <!--nyoba pasang-->
        <link rel='stylesheet' id='main-css'  href='css/header.css' type='text/css' media='all' />
        <link rel='stylesheet' id='montserrat-css'  href='//fonts.googleapis.com/css?family=Montserrat%3A400%2C700%7COpen+Sans%3A300%2C400%2C700&#038;ver=4.1' type='text/css' media='' />
        <script type='text/javascript' src='http://www.mageewp.com/meris/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
        <!--tututp-->

        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" href="css/galeri/templatemo_style.css">
        <link rel="stylesheet" href="css/templatemo_misc.css">
        <script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
        <script type='text/javascript'>
            /* <![CDATA[ */
            var meris_js_var = {"global_color": "#FED136"};
            /* ]]> */
        </script>
        <script type='text/javascript' src='js/less.min.js'></script>
        <script type='text/javascript' src='http://www.mageewp.com/meris/wp-content/themes/meris/js/respond.min.js?ver=1.4.2'></script>

    </script>
    <script type='text/javascript' src='http://www.mageewp.com/meris/wp-content/themes/meris/js/meris.js?ver=1.0.4'></script>
    <meta name="generator" content="WordPress 4.1" />
    <script type="text/javascript">
            jQuery(document).ready(function() {
// CUSTOM AJAX CONTENT LOADING FUNCTION
                var ajaxRevslider = function(obj) {

// obj.type : Post Type
// obj.id : ID of Content to Load
// obj.aspectratio : The Aspect Ratio of the Container / Media
// obj.selector : The Container Selector where the Content of Ajax will be injected. It is done via the Essential Grid on Return of Content

                    var content = "";

                    data = {};

                    data.action = 'revslider_ajax_call_front';
                    data.client_action = 'get_slider_html';
                    data.token = '07773db7dc';
                    data.type = obj.type;
                    data.id = obj.id;
                    data.aspectratio = obj.aspectratio;

// SYNC AJAX REQUEST
                    jQuery.ajax({
                        type: "post",
                        url: "http://www.mageewp.com/meris/wp-admin/admin-ajax.php",
                        dataType: 'json',
                        data: data,
                        async: false,
                        success: function(ret, textStatus, XMLHttpRequest) {
                            if (ret.success == true)
                                content = ret.data;
                        },
                        error: function(e) {
                            console.log(e);
                        }
                    });

// FIRST RETURN THE CONTENT WHEN IT IS LOADED !!
                    return content;
                };

// CUSTOM AJAX FUNCTION TO REMOVE THE SLIDER
                var ajaxRemoveRevslider = function(obj) {
                    return jQuery(obj.selector + " .rev_slider").revkill();
                };

// EXTEND THE AJAX CONTENT LOADING TYPES WITH TYPE AND FUNCTION
                var extendessential = setInterval(function() {
                    if (jQuery.fn.tpessential != undefined) {
                        clearInterval(extendessential);
                        if (typeof (jQuery.fn.tpessential.defaults) !== 'undefined') {
                            jQuery.fn.tpessential.defaults.ajaxTypes.push({type: "revslider", func: ajaxRevslider, killfunc: ajaxRemoveRevslider, openAnimationSpeed: 0.3});
                            // type:  Name of the Post to load via Ajax into the Essential Grid Ajax Container

                        }
                    }
                }, 30);
            });
    </script>
    <meta name="generator" content="WordPress 4.1" />

    <!--ini untuk menu di sidebar-->
    <style>
        body{
            background-image: url("images/background.jpg");
        }

        .cssmenu {
            background: #333;
            list-style: none;
            margin: 0;
            margin-top: 60;
            padding: 0;
            width: 16em;
        }
        .cssmenu-home {
            background: #333;
            list-style: none;
            margin: 0;
            margin-top: 60;
            padding: 0;
            width: 16em;
        }
        #cssmenu ul{
            margin-top: 0;
        }
        #cssmenu li {
            font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        #cssmenu a {
            background: #333;
            border-bottom: 1px solid #393939;
            color: #ccc;
            display: block;
            margin: 0;
            padding: 8px 12px;
            text-decoration: none;
            font-weight: normal;
        }
        #cssmenu a:hover {
            background: #2580a2 url("images/hover.gif") left center no-repeat;
            color: #fff;
            padding-bottom: 8px;
        }

        h4{
            color: #8251cc;
            font-family: "Trebuchet MS", Helvetica, sans-serif;
            font-weight: 530;
            font-size: x-large;
        }

        .heading-section {
            text-align: center;
            padding: 0px;
        }

        .heading-section h2{
            font-family: 'Mohave', 'Agency FB';
            font-size: 45px;
            color: #01A9DB;
            font-weight: 700;

        }

        @media screen and (max-width: 600px) {

            .heading-section img {
                display: none;
            }

            body {
                overflow-x: hidden;
            }
        }
    </style>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

    <!--end of Side Bar-->
</head>
<body>


    <?php include 'header.php'; ?>

    <div id="menu-container">
        <div id="menu-1" class="homepage home-section container">
                <div class="container">
                    <div class="heading-section"
                         style="margin-top: 0;">
                        <h2 style="text-decoration: none">GALERI VIDEO</h2>
                        <img src="images/under-heading.png" />
                    </div>
                    <div class="row">
                        <div class="col-md-9">
                            <center>
                                <h4>A Sort Timelapse: The Last Satnite of This Year</h4><br>
                                <iframe id="kalkulus" width="700" height="500" src="https://www.youtube.com/embed/_7MvFOqeNJM" frameborder="0" allowfullscreen></iframe><hr>
                            </center>
                        </div>
                        <div class="col-md-3">	
                            <div id='cssmenu' class="cssmenu-home">
                                <?php include 'menu-galeri.php'; ?>
                            </div>
                        </div>	
                    </div>
                </div>
        </div>

        <div id="menu-2" class="content about-section container">
            <div class="container">
                <div class="heading-section"
                     style="margin-top: 0;">
                    <h2>GALERI VIDEO</h2>
                    <img src="images/under-heading.png" />
                </div>
                <div class="row">
                    <div class="col-md-9">
                        <center>
                            <h4>Praktik Kerja Lapangan STIS Angkatan 54 - Penetapan Lokasi</h4><br>
                            <iframe width="700" height="500" src="https://www.youtube.com/embed/-jo6mB9nLUM" frameborder="0" allowfullscreen></iframe>
                        </center>
                    </div>
                    <div class="col-md-3">	
                        <div id='cssmenu' class="cssmenu">
                            <?php include 'menu-galeri.php'; ?>
                        </div>
                    </div>	
                </div>
            </div>
        </div>

        <div id="menu-3" class="content project-section container">
            <div class="container">
                <div class="heading-section"
                     style="margin-top: 0;">
                    <h2>GALERI VIDEO</h2>
                    <img src="images/under-heading.png" />
                </div>
                <div class="row">
                    <div class="col-md-9">
                        <center>
                            <h4>Praktik Kerja Lapangan STIS Angkatan 54 - Instruktur Kampus</h4><br>
                            <iframe width="700" height="500" src="https://www.youtube.com/embed/RTM2dPykX4g" frameborder="0" allowfullscreen></iframe><hr>
                        </center>
                    </div>
                    <div class="col-md-3">	
                        <div id='cssmenu' class="cssmenu">
                            <?php include 'menu-galeri.php'; ?>
                        </div>
                    </div>	
                </div>
            </div>
        </div>

        <div id="menu-32" class="content kursus-kalkulus2 container">
            <div class="container">
                <div class="heading-section"
                     style="margin-top: 0;">
                    <h2>GALERI VIDEO</h2>
                    <img src="images/under-heading.png" />
                </div>
                <div class="row">
                    <div class="col-md-9">
                        <center>
                            <h4>Praktik Kerja Lapangan STIS Angkatan 54 - Survey Pendahuluan 1 Bidang Ekonomi</h4><br>
                            <iframe width="700" height="500" src="https://www.youtube.com/embed/SaK7Q_omu5A" frameborder="0" allowfullscreen></iframe><hr>
                        </center>
                    </div>
                    <div class="col-md-3">	
                        <div id='cssmenu' class="cssmenu">
                            <?php include 'menu-galeri.php'; ?>
                        </div>
                    </div>	
                </div>
            </div>
        </div>

        <div id="menu-34" class="content kursus-kalkulus4 container">
            <div class="container">
                <div class="heading-section"
                     style="margin-top: 0;">
                    <h2>GALERI VIDEO</h2>
                    <img src="images/under-heading.png" />
                </div>
                <div class="row">
                    <div class="col-md-9">
                        <center>
                            <h4>Praktik Kerja Lapangan STIS Angkatan 54 - Perkenalan BPH</h4><br>
                            <iframe width="700" height="500" src="https://www.youtube.com/embed/5qpfzgEelrs" frameborder="0" allowfullscreen></iframe><hr>
                        </center>
                    </div>
                    <div class="col-md-3">	
                        <div id='cssmenu' class="cssmenu">
                            <?php include 'menu-galeri.php'; ?>
                        </div>
                    </div>	
                </div>
            </div>
        </div>
        <div id="menu-35" class="content kursus-kalkulus5 container">
            <div class="container">
                <div class="heading-section"
                     style="margin-top: 0;">
                    <h2>GALERI VIDEO</h2>
                    <img src="images/under-heading.png" />
                </div>
                <div class="row">
                    <div class="col-md-9">
                        <center>
                            <h4>Praktik Kerja Lapangan STIS Angkatan 54 - Survey Pendahuluan 1 Bidang Ekonomi</h4><br>
                            <iframe width="700" height="500" src="https://www.youtube.com/embed/SaK7Q_omu5A" frameborder="0" allowfullscreen></iframe><hr>
                        </center>
                    </div>
                    <div class="col-md-3">	
                        <div id='cssmenu' class="cssmenu">
                            <?php include 'menu-galeri.php'; ?>
                        </div>
                    </div>	
                </div>
            </div>
        </div>
        
        <div id="menu-35" class="content kursus-kalkulus container">
            <div class="container">
                <div class="heading-section"
                     style="margin-top: 0;">
                    <h2>GALERI VIDEO</h2>
                    <img src="images/under-heading.png" />
                </div>
                <div class="row">
                    <div class="col-md-9">
                        <center>
                            <h4>Praktik Kerja Lapangan STIS Angkatan 54 - Pengenalan Website PKL 54</h4><br>
                            <iframe width="640" height="390" src="https://www.youtube.com/embed/HLmMa2cnLeM" frameborder="0" allowfullscreen></iframe><hr>
                        </center>
                    </div>
                    <div class="col-md-3">	
                        <div id='cssmenu' class="cssmenu">
                            <?php include 'menu-galeri.php'; ?>
                        </div>
                    </div>	
                </div>
            </div>
        </div>
    </div>


        <div class="footerUp">
            <div class="container">
                <div class="main-footer">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="artikel-terbaru">
                                <h4 class="footer-title">BERITA TERKINI</h4>
                                <div class="berita">
                                    <?php
                                    include 'koneksiDB.php';

                                    $quer = 'SELECT * FROM artikel WHERE kode=1 ORDER BY tanggalPost desc limit 1';
                                    //$run = mysql_db_query($conn,$query);
                                    $result1 = $conn->query($quer);
                                    if ($result1->num_rows > 0) {
                                        // output data of each row
                                        while ($rows = $result1->fetch_assoc()) {
                                            echo"<center><img src=images/" . $rows['fotoUtama'] . " width='350px'></center>";
                                            echo "</div>";
                                            echo "<h3>" . $rows["judul"] . "</h3>";
                                            echo "tanggal post: " . $rows["tanggalPost"] . "<br>";

                                            echo "<a href='detail.php?id=" . $rows["id"] . "'>Selengkapnya...</a>";
                                        }
                                    } else {
                                        echo "0 results";
                                    }
                                    ?>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="artikel-terbaru">
                                    <h4 class="footer-title">ARTIKEL TERBARU</h4>
                                    <div class="berita">
                                        <?php
                                        $query = 'SELECT * FROM artikel WHERE kode=0 ORDER BY tanggalPost desc limit 1';
//$run = mysql_db_query($conn,$query);
                                        $result = $conn->query($query);
                                        if ($result->num_rows > 0) {
                                            // output data of each row
                                            while ($row = $result->fetch_assoc()) {
                                                echo"<center><img src=images/" . $row['fotoUtama'] . " width='350px'></center>";
                                                echo "</div>";
                                                echo "<h3>" . $row["judul"] . "</h3>";
                                                echo "tanggal post: " . $row["tanggalPost"] . "<br>";

                                                echo "<a href='detail.php?id=" . $row["id"] . "'>Selengkapnya...</a>";
                                            }
                                        } else {
                                            echo "0 results";
                                        }
                                        $conn->close();
                                        ?>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="tanya-jawab">
                                        <h4 class="footer-title">TWEETS</h4>
                                        <a class="twitter-timeline"  width="375px" height="255px" href="https://twitter.com/STIS54" data-widget-id="559667614796890112">Tweets by @STIS54</a>
                                        <script>!function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
                if (!d.getElementById(id)) {
                    js = d.createElement(s);
                    js.id = id;
                    js.src = p + "://platform.twitter.com/widgets.js";
                    fjs.parentNode.insertBefore(js, fjs);
                }
            }(document, "script", "twitter-wjs");</script>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 

                <?php include 'footer.php'; ?>

                <script src="js/jquery.min.js"></script>
                <script src="js/galeri/templatemo_custom.js"></script>

                </body>
                </html>